<template>
  <div class="cooperation">
    <!-- 搜索功能 -->
    <el-form class="searchForm">
      <el-form-item>
        <el-input class="seech1" placeholder="停车场/车主姓名/手机号"></el-input>
      </el-form-item>
      <!-- <el-form-item class="seech0">
        <el-select class="seech2" placeholder="开通合作状态">
          <el-option label="是" value="1"></el-option>
          <el-option label="否" value="0"></el-option>
          <el-option label="不限" value="null"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item class="seech0">
        <el-select class="seech2" placeholder="充电桩状态">
          <el-option label="有" value="1"></el-option>
          <el-option label="无" value="0"></el-option>
          <el-option label="不限" value="null"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item class="seech0">
        <el-select class="seech2" placeholder="预约支持状态">
          <el-option label="有" value="1"></el-option>
          <el-option label="无" value="0"></el-option>
          <el-option label="不限" value="null"></el-option>
        </el-select>
      </el-form-item> -->
      <el-form-item style="width: 80px;">
        <el-button type="primary" >搜索</el-button>
      </el-form-item>
      <el-form-item style="width: 100px;">
        <el-button type="success" @click="addShow = true">新增申请</el-button>
      </el-form-item>
    </el-form>

    <!-- 数据列表展示 -->
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="parkName" label="停车场名称" align="center">
      </el-table-column>
      <el-table-column prop="name" label="地址" align="center">
      </el-table-column>
      <el-table-column prop="name" label="车场主" align="center">
      </el-table-column>
      <el-table-column prop="mobilePhone" label="联系方式" align="center">
      </el-table-column>
      <el-table-column prop="totalSpace" label="总车位" align="center">
      </el-table-column>
      <el-table-column label="预约支持" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.isOrder | orderFilter }}</span>
          </template>
      </el-table-column>
      <el-table-column label="能否充电" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.isPile | pileFilter }}</span>
          </template>
      </el-table-column>
      <el-table-column prop="parkingOwner" label="合作状态" align="center">
      </el-table-column>
      <el-table-column prop="time" label="备注" align="center">
      </el-table-column>
      <el-table-column label="操作" align="center">
        <template slot-scope="scope">
        	<!-- <p class="btn" @click="viewDetails(scope.$index, scope.row)" v-permission='"d02182beb77642c1afb70c5fdc81d06c"'>查看详情</p><p class="btn" @click="downBtn(scope.$index,scope.row)" v-permission='"df950e24cedc47f797a90824d82e3198"'>下载二维码</p> -->
        </template>
      </el-table-column>
    </el-table>

	<el-dialog title="新增申请" :visible.sync="addShow">
	  <!-- <updateDepartment v-if="showUpdateDepartment" :id="selectedDepartment.deptId" @refresh="getDeptData" @closeDialog="showUpdateDepartment = false" /> -->
	  <AddApply v-if="addShow"/>
	</el-dialog>
  </div>
</template>

<script>
	import AddApply from './components/addApply.vue'
	export default {
		name: 'cooperation',
    components: {
      AddApply
    },
		data() {
			return {
				addShow: false,
        tableData: []
			}
		},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style scoped>
  .searchForm .el-form-item {
  	width: 220px;
  	display: inline-block;
  }
  .searchForm .seech0 {
    width: 160px;
  }
  .seech1 {
  	width:200px;
  }
  .seech2 {
    width: 140px;
  }
</style>
